Moodle App
UXD Case Study Part 2
In collaboration with Kay
User Journey
Navigating through the app from turning on or off notifications for assignments on the calendar page.
Finalized Prototypes
prototyping process
After creating the wireframes, the next step was digitalizing them in XD. The initial wireframe was made using grey-scale with default fonts. Then we adjusted it to meet the design established of moodle.
Moodle is used mostly for teachers and students, who usually have a lot on the go and a few different classes. We chose to focus on adjusting the calendar in moodle to be easier to use as well as making the homepages more accessible.
Setting up functionality was done using XD. This includes navigating the homepage, the calendar page, access of an accessibility tab, a simpler log in page, and filtering of events on the calendar by date. We also created the ability to turn notifications on and off on tasks and changing the color mode. There is currently no light mode.
feedback
-Use of transitions between slides (complete)
-Increased vertical size of search bar and log in tabs (complete)
-color and size of supporting text on log in screen changed (complete)
-Visual change on buttons when in effect (cannot complete in XD)
-Add hover animation to buttons to change class size (complete)
-More accessibility features (to be added at later date)
-Completion of other wireframe pages (to be done at a later date)
initial wireframe prototypes
